<template>
<h1>El- 开关组件</h1>
  <el-switch v-model="value1" class="ml-2"/>
  <el-switch v-model="value1" class="ml-2" size="large" active-text="Open" inactive-text="Close"/>
  <br />
  <el-switch v-model="value2" active-text="Open" inactive-text="Close" />
  <br />
  是否为管理员<el-switch v-model:="isAdmin"></el-switch>
  <br />
  是否显示图片<el-switch v-model:="isShow"></el-switch>
<hr>
  <el-switch v-model:="numStr1" active-value="1" :inactive-value="0" />
  <br />
  <el-switch v-model:="numStr2" active-value="1" :inactive-value="0" />
</template>

<script setup>
import { ref } from 'vue'

const value1 = ref(true)
const value2 = ref(false)
const isAdmin = ref(false)
const isShow = ref(false)
const numStr1 = ref(1)
const numStr2 = ref(0)

</script>

<style scoped>

</style>